/* You can add global styles to this file, and also import other style files */
// @import '@angular/material/prebuilt-themes/indigo-pink.css';
html, body { height: 100%; }
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
app-root{
    height: 100%;
    width: 100%;
}

@titleColor:#d30000;
.h2-ohter-page{
    border-width: 1px;
    padding-bottom: 20px;
    border-bottom: solid 1px @titleColor;
}
.h2-ohter-page span{
    color: rgb(211, 0, 0);
    font-size: 28px;
    border-left: solid 6px #d30000;
    padding-left: 15px;
}

.main-container {
    max-width: 80%;
    margin: auto;
}

a {
    color: black;
    text-decoration:none;
}

a:hover {
    color: #d30000;
}